﻿#nav{
	width:60px;
	height:244px;
	background:rgba(0,0,0,.6);
	position:fixed;
	right:0;
	top:200px;
	z-index:1000;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
#nav ul{
	position:relative;
}
#nav ul li{
	width:240px;
	position:relative;
	left:0px;
	overflow:hidden;
	list-style:none;
	transition:all 0.5s;
}
#nav ul li div{
	padding:0px;
	margin:0px;
	width:300px;
	height:60px;
	background:rgba(0,0,0,0);
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	transition:all 0.5s;
	border-bottom:1px solid rgba(0,0,0,.4);
}
#nav ul li div p{
	color:#FFF;
	width:200px;
	height:60px;
	line-height:60px;
	padding-left:60px;
	color:#FFF;
	transition:all 0.5s;
	margin-left:20px;
	cursor:pointer;
}
.navbg1{
	background:url(../images/nav3/mlr1.png) no-repeat 0px center;
}
.navbg2{
	background:url(../images/nav3/mlr2.png) no-repeat 0px center;
}
.navbg3{
	background:url(../images/nav3/mlr4.png) no-repeat 0px center;
}
#nav ul li:hover{
	left:-180px;
}
#nav ul li:hover div{
	background:rgba(0,0,0,.8);
}